<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--做一个5*5的表格1. 表格数据如下：
  1        唐人                        覃沐曦         03:44        
  2        漂洋过海来看你         周深            03:03        
  3        小幸运                     田馥甄         04:17        
  4        Excitant                   成驰洋         03:30        -->
   
  <table border="1px" style="width: 1000px; margin: 0px auto;">
    <tr>
        <th>序号</th>
        <th>歌曲名</th>
        <th>歌手</th>
        <th>时长</th>
        <th>播放</th>
     </tr>
     <tr>
        <th>1</th>
        <th>唐人</th>
        <th><a href="https://baike.baidu.com/item/%E8%A6%83%E6%B2%90%E6%9B%A6/2582347?fr=aladdin">覃沐曦</a></th>
        <th>03:44</th>
        <th>
            <audio controls><source src="./mp3/唐人.mp3" type="audio/mpeg">
            </audio>
        </th>
     </tr>
     <tr>
        <th>2</th>
        <th>漂洋过海来看你</th>
        <th><a href ="https://baike.baidu.com/item/%E5%91%A8%E6%B7%B1/15089196?fr=aladdin">周深</a></th>
        <th>03:03</th>
        
        <th> <audio controls><source src="./mp3/漂洋过海来看你.mp3" type="audio/mpeg">
            </audio>
        </th>
     </tr>
     <tr>
        <th>3</th>
        <th>小幸运</th>
        <th><a href="https://baike.baidu.com/item/%E7%94%B0%E9%A6%A5%E7%94%84?fromModule=lemma_search-box">田馥甄</a></th>
        <th>04:17</th>
        <th> <audio controls><source src="./mp3/小幸运.mp3" type="audio/mpeg">
            </audio></th>
     </tr>
     <tr>
        <th>4</th>
        <th>Excitant</th>
        <th><a href="https://baike.baidu.com/item/%E6%88%90%E9%A9%B0%E6%B4%8B?fromModule=lemma_search-box">成驰洋</a></th>
        <th>03:30</th>
        <th> <audio controls><source src="./mp3/Excitant.mp3" type="audio/mpeg">
            </audio></th>
     </tr>
  </table>
</body>
</html>